<div class="manager-box white-bg">
    <div class="index_page_header_container">
        <div class="index_page_header_title">{{$.lp.recordManagerTitle}}</div>
    </div>
    <div class="manager-box-content">
        <!--人员组织选择  -->
        <div style="margin-right: 10px;float: left;">
            <o-org-person-selector
                oo-prop="{  'selectorTitle': $.lp.detailTable.filterSelectTitle,  'placeholder': $.lp.detailTable.filterEmptyPlaceholder,  'count':1, 'value': $.filterList, 'types': ['identity'], 'units': $.units}"
                oo-model="filterList"></o-org-person-selector>
        </div>
        <div style="margin: 10px 0;float: left;">
            <o-date-picker oo-prop="{'value': $.form.startDate}"
                oo-model="form.startDate"></o-date-picker>
            <span style="margin: 0 10px;">{{$.lp.until}}</span> 
            <o-date-picker oo-prop="{'value': $.form.endDate}"
                oo-model="form.endDate"></o-date-picker>
        </div>
        <div style="margin: 10px 0;float: left;">
            <button class="mainColor_bg" @click="search">{{$.lp.search}}</button>
        </div>
       
        <div style="float: right;margin: 10px 10px 10px 0;">
            <button class="light-border-button mainColor_border primary_color"
                @click="excelTemplateDownload">{{$.lp.leave.excelTemplate}}</button>
        </div>
        <div style="margin: 10px 10px 10px 0;float: right;">
            <button class="light-border-button mainColor_border primary_color"
                @click="importExcel">{{$.lp.leave.importExcel}}</button>
        </div>
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="att_table">
            <thead>
                <th>{{$.lp.record.name}}</th>
                <th>{{$.lp.record.group}}</th>
                <th>{{$.lp.record.shift}}</th>
                <th>{{$.lp.record.dutyTime}}</th>
                <th>{{$.lp.record.checkInType}}</th>
                <th>{{$.lp.record.recordDate}}</th>
                <th>{{$.lp.record.sourceType}}</th>
                <th>{{$.lp.record.checkInResult}}</th>
                <!-- <th>{{$.lp.record.fieldWork}}</th> -->
                <th style="width: 150px;">{{$.lp.operate}}</th>
            </thead>
            <tr oo-each="$.recordList" oo-item="r">
                <td>{{ $m.formatName(r.value.userId) }}</td>
                <td>{{ r.value.groupName }}</td>
                <td>{{ r.value.shiftName }}</td>
                <td>{{ r.value.shiftId ? r.value.recordDateString + ' ' + r.value.preDutyTime : '' }}</td>
                <td>{{ r.value.checkInType === 'OnDuty' ? $.lp.onDuty : $.lp.offDuty }}</td>
                <td>{{ $m.recordDateFormat(r.value) }}</td>
                <td>{{ $m.sourceTypeFormat(r.value.sourceType) }}</td>
                <td>
                    <span class="{{this.formatRecordResultClass(r.value)}}">{{ $m.formatRecordResult(r.value) }}</span>
                    <!-- <span class="color-fieldWork  margin-left" oo-if="r.value.fieldWork">({{$.lp.myFieldWork}})</span> -->
                    <span class="color-holiday  margin-left"
                        oo-if="r.value.leaveData">({{r.value.leaveData.leaveType}})</span>
                </td>
                <!-- <td>{{ r.value.fieldWork ? $.lp.yes : $.lp.no }}</td> -->
                <td>
                    <!-- <div class="o2-icon-16" @click="this.openMore(r.value)" ><i class="o2icon-icon_bianji"></i></div> -->
                    <span class="operator_link_underline" @click="this.openMore(r.value)">{{$.lp.more}}</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- 分页组件 -->
    <o-pager oo-prop="$.pagerData" @refresh-data="loadData"></o-pager>
</div>